<!DOCTYPE html>
<html>

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>历史记录列表</title>


    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">

    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../plugins/ionicons/css/ionicons.min.css">
    <link rel="stylesheet" href="../plugins/iCheck/square/blue.css">
    <link rel="stylesheet" href="../plugins/morris/morris.css">
    <link rel="stylesheet" href="../plugins/jvectormap/jquery-jvectormap-1.2.2.css">
    <link rel="stylesheet" href="../plugins/datepicker/datepicker3.css">
    <link rel="stylesheet" href="../plugins/daterangepicker/daterangepicker.css">
    <link rel="stylesheet" href="../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
    <link rel="stylesheet" href="../plugins/datatables/dataTables.bootstrap.css">
    <link rel="stylesheet" href="../plugins/treeTable/jquery.treetable.css">
    <link rel="stylesheet" href="../plugins/treeTable/jquery.treetable.theme.default.css">
    <link rel="stylesheet" href="../plugins/select2/select2.css">
    <link rel="stylesheet" href="../plugins/colorpicker/bootstrap-colorpicker.min.css">
    <link rel="stylesheet" href="../plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../plugins/ionslider/ion.rangeSlider.css">
    <link rel="stylesheet" href="../plugins/ionslider/ion.rangeSlider.skinNice.css">
    <link rel="stylesheet" href="../plugins/bootstrap-slider/slider.css">
    <link rel="stylesheet" href="../plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="../js/jwt-decode.js"></script>

</head>

<body class="hold-transition skin-purple sidebar-mini">

    <div class="wrapper">

        <!-- 页面头部 -->
        <header class="main-header">

            <!-- Logo -->
            <a href="common-index.html" class="logo">
                <!-- 侧边栏迷你logo，尺寸为50x50像素 -->
                <span class="logo-mini"><b>电子钱包</b></span>
                <!-- 常规状态和移动设备的logo -->
                <span class="logo-lg"><b>电子钱包</b>后台管理</span>
            </a>

            <!-- 头部导航栏：样式可以在header.less中找到 -->
            <nav class="navbar navbar-static-top">
                <!-- 侧边栏切换按钮 -->
                <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                    <span class="sr-only">Toggle navigation</span>
                </a>

                <div class="navbar-custom-menu">
                    <ul class="nav navbar-nav">

                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <img src="" class="user-image all-avatar-image">
                                <span class="hidden-xs employee-name"></span>
                            </a>

                            <ul class="dropdown-menu">
                                <!-- 用户图片 -->
                                <li class="user-header">
                                    <img src="" class="img-circle all-avatar-image">

                                    <p class="employee-name"></p>
                                </li>

                                <li class="user-footer">
                                    <div class="pull-left">
                                        <a href="employee-info.html" class="btn btn-default btn-flat">修改信息</a>
                                    </div>
                                    <div class="pull-right">
                                        <a href="javascript:void(0);" class="btn btn-default btn-flat"
                                            id="logoutBtn">退出账号</a>
                                    </div>
                                </li>
                            </ul>
                        </li>

                    </ul>
                </div>
            </nav>
        </header>
        <!-- 页面头部 /-->

         <!-- 导航侧栏 -->
         <aside class="main-sidebar">
            <!-- 侧边栏：样式可以在sidebar.less中找到 -->
            <section class="sidebar">
                <!-- 侧边栏用户面板 -->
                <div class="user-panel">
                    <div class="pull-left image">
                        <img src="" class="img-circle all-avatar-image">
                    </div>
                    <div class="pull-left info">
                        <p class="employee-name"></p>
                        <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
                    </div>
                </div>

                <ul class="sidebar-menu">
                    <li class="header">菜单</li>

                    <li id="admin-index"><a href="common-index.html"><i class="fa fa-dashboard"></i> <span>首页</span></a>
                    </li>

                    <!-- 菜单 -->

                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-folder"></i>
                            <span>系统管理</span>
                            <span class="pull-right-container">
                                <i class="fa fa-angle-left pull-right"></i>
                            </span>
                        </a>
                        <ul class="treeview-menu">

                            <li id="admin-role-manage">
                                <a href="role-list.html">
                                    <i class="fa fa-circle-o"></i> 角色管理
                                </a>
                            </li>

                            <li id="admin-datalist">
                                <a href="employee-list.html">
                                    <i class="fa fa-circle-o"></i> 员工管理
                                </a>
                            </li>

                            <li id="admin-user-manage">
                                <a href="user-list.html">
                                    <i class="fa fa-circle-o"></i> 用户管理
                                </a>
                            </li>

                            <li id="admin-profile">
                                <a href="employee-info.html">
                                    <i class="fa fa-circle-o"></i> 个人中心
                                </a>
                            </li>

                        </ul>
                    </li>



                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-pie-chart"></i> <span>业务管理</span>
                            <span class="pull-right-container">
                                <i class="fa fa-angle-left pull-right"></i>
                            </span>
                        </a>
                        <ul class="treeview-menu">

                            <li id="history-list">
                                <a href="history-list.html">
                                    <i class="fa fa-circle-o"></i> 历史记录管理
                                </a>
                            </li>

                        </ul>
                    </li>

                </ul>
            </section>

        </aside>
        <!-- 导航侧栏 /-->

        <div class="content-wrapper">

            <!-- 内容头部 -->
            <section class="content-header">
                <h1>
                    历史记录管理
                    <small>历史记录列表</small>
                </h1>
                <ol class="breadcrumb">
                    <li><a href="javascript:void(0);"><i class="fa fa-dashboard"></i> 首页</a></li>
                    <li><a href="javascript:void(0);">历史记录管理</a></li>
                    <li class="active">历史记录列表</li>
                </ol>
            </section>
            <!-- 内容头部 /-->

            <!-- 正文区域 -->
            <section class="content">

                <!-- .box-body -->
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">列表</h3>
                    </div>

                    <div class="box-body">

                        <!-- 数据表格 -->
                        <div class="table-box">

                            <!--工具栏-->
                            <!-- <div class="pull-left">
                                <div class="form-group form-inline">
                                    <div class="btn-group">
                                        <label for="myDate">请选择要查询的日期:</label>
                                        <input type="date" id="myDate" value="">
                                    </div>
                                </div>
                            </div> -->
                            <div class="pull-left">
                                <div class="form-group form-inline">
                                    <div class="btn-group">
                                        <button type="button" id="newButton" class="btn btn-default" title="根据日期分类"><i
                                                class="fa fa-calendar"></i> 根据日期分类</button>
                                    </div>
                                </div>

                            </div>
                            <div class="pull-left" style="margin-left: 20px;padding-top: 5px;">
                                <div class="form-group form-inline">
                                    <div class="btn-group">
                                        <label for="mySelect">请选择操作类型:</label>
                                        <select id="mySelect">
                                            <option value="全部">全部</option>
                                            <option value="支付">支付</option>
                                            <option value="充值">充值</option>
                                            <option value="提现">提现</option>
                                            <option value="转账">转账</option>
                                            <option value="收钱">收钱</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="row head">
                                <div class="col-lg-2 box-tools pull-right" style="width: 230px;">
                                    <div class="input-group">
                                        <input type="text" class="form-control" placeholder="用户编号" id="search-input" maxlength="13">
                                        <span class="input-group-btn">
                                            <button class="btn btn-info" type="button" id="search-button"><span
                                                    class="glyphicon glyphicon-search"></span></button>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <!--工具栏/-->

                            <!--数据列表-->
                            <table id="dataList" class="table table-bordered table-striped table-hover dataTable">
                                <thead>
                                    <tr>
                                        <!-- <th class="" style="padding-right:0px;">
                                            <input id="selall" type="checkbox" class="icheckbox_square-blue">
                                        </th> -->
                                        <th class="">序号</th>
                                        <th class="">用户编号</th>
                                        <th class="">操作类型</th>
                                        <th class="sorting_asc_disabled">支出方</th>

                                        <th class="">收入方</th>
                                        <th class="">金额</th>

                                        <th class="">操作时间</th>

                                        <!-- <th class="text-center">操作</th> -->
                                    </tr>
                                </thead>
                                <tbody id="dataBody">

                                </tbody>

                            </table>
                            <!--数据列表/-->
                        </div>
                        <!-- 数据表格 /-->


                    </div>
                    <!-- /.box-body -->

                    <!-- .box-footer-->
                    <div class="box-footer">
                        <div class="pull-left">
                            <div class="form-group form-inline" style="margin: 25px 0px 20px 0px;">
                                <span></span>
                            </div>

                        </div>
                        <div id="back-button" style="text-align:center;"></div>
                        <div class="box-tools pull-right">
                            <ul class="pagination">

                            </ul>
                        </div>

                    </div>
                    <!-- /.box-footer-->

                </div>
            </section>
            <!-- 正文区域 /-->


        </div>

        <script>
            // 顶部与侧边栏信息渲染,注销按钮
            $(document).ready(function () {
                var token = localStorage.getItem('token');
                var longToken = localStorage.getItem('longToken');

                // 获取注销按钮
                var logoutBtn = $("#logoutBtn");

                // 为注销按钮添加点击事件
                logoutBtn.click(function () {
                    // 清除本地存储的 token 和 longToken
                    localStorage.removeItem('token');
                    localStorage.removeItem('longToken');
                    // 跳转到登录
                    window.location.href = 'employee-login.html';
                });

                if (token && longToken) {
                    var decoded = jwt_decode(longToken);
                    var userId = decoded.userId;

                    getInfo(userId, token, longToken);
                } else {
                    // 跳转到登录页面
                    window.location.href = 'employee-login.html';
                }
            });

            // 获取个人数据，渲染侧边栏和头部
            function getInfo(userId, token, longToken) {
                var url = 'http://localhost:8080/employee/findByIdController?userId=' + userId;

                if (token && longToken) {
                    url += '&token=' + token + '&longToken=' + longToken;
                }

                // 发送 AJAX 请求获取数据
                $.ajax({
                    url: url,
                    method: 'get',
                    success: function (result) {

                        if (result.code === 200) {
                            var datas = result.datas;
                            var imageUrl = "http://localhost:8080/" + datas.imageAddress;

                            var imgs = document.querySelectorAll('img.all-avatar-image');
                            imgs.forEach(function (img) {
                                img.src = imageUrl;
                            });

                            var elements = document.querySelectorAll('.employee-name');
                            elements.forEach(function (el) {
                                el.innerHTML = datas.userName;
                            });

                        } else if (result.code === 6000 || result.code === 4000) {
                            // 跳转到登录
                            window.location.href = 'employee-login.html';
                        } else {
                            alert("获取数据失败");
                        }

                    },
                    error: function (xhr, status, error) {
                        console.log("请求失败");
                    }
                });
            }

            // 获取数据
            function getPage(currentPageNumber) {
                if (currentPageNumber <= 1) {
                    currentPageNumber = 1;
                }

                var token = localStorage.getItem('token');
                var longToken = localStorage.getItem('longToken');


                var url = 'http://localhost:8080/history/findPageAllController?currentPageNumber=' + currentPageNumber

                if (token && longToken) {
                    url += '&token=' + token + '&longToken=' + longToken;
                }

                // 发送 AJAX 请求获取数据
                $.ajax({
                    url: url,
                    method: 'get',
                    success: function (result) {
                        if (result.code === 200) {
                            var dataList = result.datas.datas;

                            var dataBody = $("#dataBody");

                            $("#back-button").empty();
                            dataBody.empty();

                            $(".pull-left").show();

                            // 遍历数据列表，生成表格行
                            for (var i = 0; i < dataList.length; i++) {
                                (function () {
                                    var history = dataList[i];

                                    var tr = $("<tr></tr>");
                                    tr.append("<td>" + ((currentPageNumber - 1) * 10 + i + 1) + "</td>");
                                    tr.append("<td>" + history.userNumber + "</td>");
                                    tr.append("<td>" + history.operationType + "</td>");
                                    tr.append("<td>" + history.payOut + "</td>");
                                    tr.append("<td>" + history.payIn + "</td>");
                                    tr.append("<td>" + history.amount + "</td>");
                                    tr.append("<td>" + history.operationTime + "</td>");


                                    dataBody.append(tr);

                                })();
                            }

                            var pagination = $(".pagination");
                            pagination.empty();
                            pagination.append("<li><a href='javascript:void(0);' aria-label='Previous' onclick='getPage(1)'>首页</a></li>");
                            pagination.append("<li><a href='javascript:void(0);' onclick='getPage(" + (currentPageNumber - 1) + ")'>上一页</a></li>");


                            // 生成页码
                            let startPage = 1;
                            let endPage = result.datas.totalPageNumber;

                            // 如果总页数超过5页，则固定显示5个页码
                            if (endPage > 5) {
                                if (currentPageNumber <= 3) {
                                    endPage = 5;
                                } else if (currentPageNumber >= endPage - 2) {
                                    startPage = endPage - 4;
                                } else {
                                    startPage = currentPageNumber - 2;
                                    endPage = currentPageNumber + 2;
                                }
                            }

                            // 生成页码
                            for (let i = startPage; i <= endPage; i++) {
                                let pageTag = $("<li><a href='javascript:void(0);' onclick='getPage(" + i + ")'>" + i + "</a></li>");

                                // 添加 active 类到当前页码
                                if (i === currentPageNumber) {
                                    pageTag.find("a").css({
                                        "background-color": "#a9a9a9",
                                        "color": "#fff"
                                    });
                                }

                                pagination.append(pageTag);
                            }

                            if (currentPageNumber >= result.datas.totalPageNumber) {
                                currentPageNumber = result.datas.totalPageNumber - 1;
                            }

                            pagination.append("<li><a href='javascript:void(0);' onclick='getPage(" + (currentPageNumber + 1) + ")'>下一页</a></li>");

                            pagination.append("<li><a href='javascript:void(0);' aria-label='Next' onclick='getPage(" + result.datas.totalPageNumber + ")'>尾页</a></li>");


                            var pageInfo = $(".form-group.form-inline span");
                            pageInfo.empty();
                            pageInfo.text("总共" + result.datas.totalPageNumber + "页，共" + result.datas.totalRecords + "条数据");


                        } else if (result.code === 6000 || 4000) {

                            // 跳转到登录
                            window.location.href = 'employee-login.html';
                        } else {
                            alert(result.msg);
                        }
                    },
                    error: function (xhr, status, error) {
                        console.log("请求失败");
                    }
                });
            }

            // 格式化日期
            function formatDate(date) {
                var formattedDate = new Date(date);
                var year = formattedDate.getFullYear();
                var month = ("0" + (formattedDate.getMonth() + 1)).slice(-2);
                var day = ("0" + formattedDate.getDate()).slice(-2);
                return year + "-" + month + "-" + day;
            }

            // 页面加载完成后调用获取数据函数
            $(document).ready(function () {

                getPage(1);

                document.getElementById("newButton").onclick = function () {
                    window.location.href = "history-list-date.html"; // 根据日期分类
                }


                $('#search-button').click(function () {
                    var userNumber = document.getElementById("search-input").value; // 搜索框里面的值

                    var token = localStorage.getItem('token');
                    var longToken = localStorage.getItem('longToken');

                    if (token && longToken) {
                        if (userNumber !== null && userNumber !== "") {

                            findUsenumber(token, longToken, userNumber)



                        } else {
                            alert("请输入用户编号");
                        }
                    } else {
                        // 跳转到登录
                        window.location.href = 'employee-login.html';
                    }

                });

                // 操作分类选择框
                var mySelect = document.getElementById("mySelect");

                mySelect.addEventListener("change", function () {
                    onSelectChange(1);
                });
            });

            // 判断输入搜索的用户编号历史记录种是否存在
            function findUsenumber(token, longToken, userNumber) {

                var url = 'http://localhost:8080/history/findAllUserNumberController'
                if (token && longToken) {
                    url += '?token=' + token + '&longToken=' + longToken;
                }

                $.ajax({
                    url: url,
                    method: 'get',
                    success: function (result) {
                        if (result.code == 200) {

                            if (result.datas.includes(userNumber)) {
                                window.location.href = 'history-list-user.html?userNumber=' + userNumber;
                            } else {
                                alert("历史记录中暂无该用户编号!");
                            }


                        } else if (result.code === 6000 || 4000) {

                            // 跳转到登录
                            window.location.href = 'employee-login.html';
                        } else {
                            alert(result.msg);
                        }
                    }
                });
            }

            // 根据操作类型分类
            function onSelectChange(currentPageNumber) {
                let selectedValue = document.getElementById("mySelect").value;

                if (selectedValue == "全部") {
                    getPage(1);
                    return;
                }

                var token = localStorage.getItem('token');
                var longToken = localStorage.getItem('longToken');

                if (!(token && longToken)) {
                    // 跳转到登录
                    window.location.href = 'employee-login.html';
                }

                // 在这里向后端发起请求
                var url = 'http://localhost:8080/history/findAllPageByTypeController?operationType=' + selectedValue + '&currentPageNumber=' + currentPageNumber + '&token=' + token + '&longToken=' + longToken;

                $.ajax({
                    url: url,
                    method: 'get',
                    success: function (result) {
                        if (result.code == 200) {
                            var dataList = result.datas.datas;

                            var dataBody = $("#dataBody");

                            $("#back-button").empty();
                            dataBody.empty();

                            $(".pull-left").show();

                            // 遍历数据列表，生成表格行
                            for (var i = 0; i < dataList.length; i++) {
                                (function () {
                                    var history = dataList[i];

                                    var tr = $("<tr></tr>");
                                    tr.append("<td>" + ((currentPageNumber - 1) * 10 + i + 1) + "</td>");
                                    tr.append("<td>" + history.userNumber + "</td>");
                                    tr.append("<td>" + history.operationType + "</td>");
                                    tr.append("<td>" + history.payOut + "</td>");
                                    tr.append("<td>" + history.payIn + "</td>");
                                    tr.append("<td>" + history.amount + "</td>");
                                    tr.append("<td>" + history.operationTime + "</td>");


                                    dataBody.append(tr);

                                })();
                            }

                            var pagination = $(".pagination");
                            pagination.empty();
                            pagination.append("<li><a href='javascript:void(0);' aria-label='Previous' onclick='onSelectChange(1)'>首页</a></li>");
                            pagination.append("<li><a href='javascript:void(0);' onclick='onSelectChange(" + (currentPageNumber - 1) + ")'>上一页</a></li>");



                            // 生成页码
                            let startPage = 1;
                            let endPage = result.datas.totalPageNumber;

                            // 如果总页数超过5页，则固定显示5个页码
                            if (endPage > 5) {
                                if (currentPageNumber <= 3) {
                                    endPage = 5;
                                } else if (currentPageNumber >= endPage - 2) {
                                    startPage = endPage - 4;
                                } else {
                                    startPage = currentPageNumber - 2;
                                    endPage = currentPageNumber + 2;
                                }
                            }

                            // 生成页码
                            for (let i = startPage; i <= endPage; i++) {
                                let pageTag = $("<li><a href='javascript:void(0);' onclick='onSelectChange(" + i +")'>" + i + "</a></li>");

                                // 添加 active 类到当前页码
                                if (i === currentPageNumber) {
                                    pageTag.find("a").css({
                                        "background-color": "#a9a9a9",
                                        "color": "#fff"
                                    });
                                }

                                pagination.append(pageTag);
                            }

                            if (currentPageNumber >= result.datas.totalPageNumber) {
                                currentPageNumber = result.datas.totalPageNumber - 1;
                            }

                            pagination.append("<li><a href='javascript:void(0);' onclick='onSelectChange(" + (currentPageNumber + 1) + ")'>下一页</a></li>");
                            pagination.append("<li><a href='javascript:void(0);' aria-label='Next' onclick='onSelectChange(" + result.datas.totalPageNumber + ")'>尾页</a></li>");

                            var pageInfo = $(".form-group.form-inline span");
                            pageInfo.empty();
                            pageInfo.text("总共" + result.datas.totalPageNumber + "页，共" + result.datas.totalRecords + "条数据");
                        } else if (result.code === 6000 || 4000) {
                            // 跳转到登录
                            window.location.href = 'employee-login.html';
                        } else {
                            alert(result.msg);
                        }
                    }
                });
            }
        </script>



        <!-- 底部导航 -->
        <footer class="main-footer">
            <strong>Copyright &copy; <a href="">电子钱包</a>.</strong> All rights reserved.
        </footer>
        <!-- 底部导航 /-->

    </div>


    <script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="../plugins/jQueryUI/jquery-ui.min.js"></script>
    <script>
        $.widget.bridge('uibutton', $.ui.button);
    </script>
    <script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="../plugins/raphael/raphael-min.js"></script>
    <script src="../plugins/morris/morris.min.js"></script>
    <script src="../plugins/sparkline/jquery.sparkline.min.js"></script>
    <script src="../plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
    <script src="../plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
    <script src="../plugins/knob/jquery.knob.js"></script>
    <script src="../plugins/daterangepicker/moment.min.js"></script>
    <script src="../plugins/daterangepicker/daterangepicker.js"></script>
    <script src="../plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
    <script src="../plugins/datepicker/bootstrap-datepicker.js"></script>
    <script src="../plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
    <script src="../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
    <script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
    <script src="../plugins/fastclick/fastclick.js"></script>
    <script src="../plugins/iCheck/icheck.min.js"></script>
    <script src="../plugins/adminLTE/js/app.min.js"></script>
    <script src="../plugins/treeTable/jquery.treetable.js"></script>
    <script src="../plugins/select2/select2.full.min.js"></script>
    <script src="../plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
    <script src="../plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
    <script src="../plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
    <script src="../plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
    <script src="../plugins/bootstrap-markdown/js/markdown.js"></script>
    <script src="../plugins/bootstrap-markdown/js/to-markdown.js"></script>
    <script src="../plugins/ckeditor/ckeditor.js"></script>
    <script src="../plugins/input-mask/jquery.inputmask.js"></script>
    <script src="../plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
    <script src="../plugins/input-mask/jquery.inputmask.extensions.js"></script>
    <script src="../plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="../plugins/datatables/dataTables.bootstrap.min.js"></script>
    <script src="../plugins/chartjs/Chart.min.js"></script>
    <script src="../plugins/flot/jquery.flot.min.js"></script>
    <script src="../plugins/flot/jquery.flot.resize.min.js"></script>
    <script src="../plugins/flot/jquery.flot.pie.min.js"></script>
    <script src="../plugins/flot/jquery.flot.categories.min.js"></script>
    <script src="../plugins/ionslider/ion.rangeSlider.min.js"></script>
    <script src="../plugins/bootstrap-slider/bootstrap-slider.js"></script>
    <script src="../plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.js"></script>
    <script src="../plugins/bootstrap-datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js"></script>
    <script>
        $(document).ready(function () {
            // 选择框
            $(".select2").select2();

            // WYSIHTML5编辑器
            $(".textarea").wysihtml5({
                locale: 'zh-CN'
            });
        });


        // 设置激活菜单
        function setSidebarActive(tagUri) {
            var liObj = $("#" + tagUri);
            if (liObj.length > 0) {
                liObj.parent().parent().addClass("active");
                liObj.addClass("active");
            }
        }


        $(document).ready(function () {

            // 激活导航位置
            setSidebarActive("history-list");

            // 列表按钮 
            $("#dataList td input[type='checkbox']").iCheck({
                checkboxClass: 'icheckbox_square-blue',
                increaseArea: '20%'
            });
            // 全选操作 
            $("#selall").click(function () {
                var clicks = $(this).is(':checked');
                if (!clicks) {
                    $("#dataList td input[type='checkbox']").iCheck("uncheck");
                } else {
                    $("#dataList td input[type='checkbox']").iCheck("check");
                }
                $(this).data("clicks", !clicks);
            });
        });
    </script>
</body>

</html>